﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage/MasterPage2.master" AutoEventWireup="true" CodeFile="Nha-hang-chi-tiet.aspx.cs" Inherits="Nha_hang_chi_tiet" Title="Nhà hàng chi tiết" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="CSS/res_detail_style.css" rel="stylesheet" type="text/css" />
    <script src="JS/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <script src="JS/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        function ShareToFaceBook()
        {
        var newWindow = window.open("http://www.facebook.com/sharer.php?u="+window.location.href,'','_blank');
        newWindow.focus();
        return false;
    }
    function ShareTo_Twitter() {
        window.open('http://twitter.com/home?status='+window.location.href,'','_blank');
    }
    function ShareTo_Zing() {
        window.open('http://link.apps.zing.vn/share?u=' + window.location.href, '', '_blank');
    }
    function ShareTo_GooglePlus() {
        window.open('http://link.apps.zing.vn/share?u=' + window.location.href, '', '_blank');
    }
    
    </script>
     <script type="text/javascript">
         $(document).ready(function() {
         $('#Tab li').click(function() {
             $('')
             $('#Tab li').removeClass('active1');
             $(this).addClass('active1');
                 return false;
             });
         });
    	</script>
    <style type="text/css">
        #menu-container ul li#nhahang a
        {
            color:#ffffff;
            width:146px;
            line-height:49px;
            font-size:14px;
            font-weight:bold;
            text-decoration:none;
            display:block;
            background-image:url(Images/menu-bg_hover.jpg);
            background-repeat:repeat-x;   
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);    
            behavior: url(CSS/PIE.htc);    
             }
             #footer
             {
                bottom:-20px;
             }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <ajax:ToolkitScriptManager ID="ScripManager1" runat="server"/>
<div class="clearfix" style="margin-top:8px;">
<div id="left-pane">
    <div id="home-slide">
          <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <asp:Repeater ID="rptSlideImage" runat="server">
                    <ItemTemplate>
                        <img alt="" src='<%#Eval("DuongDan") %>' title='<%#"#"+Eval("SlideID") %>' />
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            </div>
            </div>
     <div id="tab-wrap" class="clearfix">
            <ul class="clearfix" id="Tab">
                <li id="1" class="active1">
                    <a href="#">GIỚI THIỆU</a>
                </li>
                <li id="2">
                    <a href="#">BÌNH LUẬN</a>
                </li>
                <li id="3">
                    <a href="#">THỰC ĐƠN</a>
                </li>
                <li id="4">
                    <a href="#">BẢN ĐỒ</a>
                </li>
            </ul></div>
            <div id="ResAbout">
                <asp:Label ID="lblResName" runat="server" Font-Bold="True" Font-Size="20px" 
                    ForeColor="#464646" Height="30px"></asp:Label><br />
               <div style="display:inline-table">
               <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                <ajax:Rating ID="Rating1" runat="server" StarCssClass="ratingEmpty" WaitingStarCssClass="ratingSaved" EmptyStarCssClass="ratingEmpty" FilledStarCssClass="ratingFilled" AutoPostBack="true" OnChanged="RatingControlChanged" >
                            </ajax:Rating></ContentTemplate></asp:UpdatePanel></div>
               <div> <span style="color: #0072bc; font-size:12px;">Lượt xem: </span><asp:Label ID="lblViews" 
                    runat="server" ForeColor="#0072BC" Font-Size="12px"></asp:Label>
                <span style="color: #0072bc; margin-left: 15px; line-height: 35px;font-size:12px">Bình luận: </span> 
                <asp:Label ID="lblComments" runat="server" ForeColor="#0072BC" Font-Size="12px"></asp:Label></div> 
<%--                <span>Địa chỉ: </span><asp:Label ID="lblAddress" runat="server" ></asp:Label><br />
--%>                <div id="res-info-wrap"><span>Điện thoại: </span>
                <asp:Label ID="lblPhone" runat="server" ></asp:Label><br />
                <asp:HyperLink ID="hplEmail" runat="server" Target="_blank"></asp:HyperLink>
                <asp:HyperLink ID="hplWebsite" runat="server" Target="_blank"></asp:HyperLink>
                <asp:HyperLink ID="hplFacebook" runat="server" Target="_blank"></asp:HyperLink>
                </div>
            </div>
            <div id="share">
                <span>Chia sẻ</span><img alt="Chia sẻ lên Facebook" title="Chia sẻ lên Facebook" src="Images/share-fb.jpg" style="cursor:pointer" onclick="ShareToFaceBook();" />
        <img alt="Chia sẻ lên Twitter" title="Chia sẻ lên Twitter" src="Images/share-tw.jpg" style="cursor:pointer" onclick="ShareTo_Twitter();" /><img alt="Chia sẻ lên Zing" title="Chia sẻ lên Zing" src="Images/share-zing.jpg" style="cursor:pointer" onclick="ShareTo_Zing();" />
        <img alt="Chia sẻ lên Google+" title="Chia sẻ lên Google+" src="Images/share-ggpl.jpg" style="cursor:pointer" onclick="ShareTo_Zing();" />
            </div>
            <div id="introduce-wrapp" class="acrive3">
                <asp:Literal ID="Literal1" runat="server"></asp:Literal>
            </div>
            <div id="comment-wrapp" class="unactive3">
            <div id="comment-warmning">
            <p>Chỉ chấp nhận bình luận bằng tiếng Việt có dấu, những bình luận sai<a href="#" style="color:#1a8dac"> quy định</a> sẽ bị xóa.</p>
            </div>
            <div>
           <p style="margin-top:5px;"><asp:RequiredFieldValidator ID="RequiredFieldValidator1" 
                ControlToValidate="TextBox1" runat="server" 
                ErrorMessage="Bạn chưa nhập nội dung bình luận" Display="Dynamic" 
                ForeColor="Gray"></asp:RequiredFieldValidator></p>
        </div>    
        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <div>
                <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" CssClass="comment-textbox" Text="Nhập nội dung" onclick="value=''"></asp:TextBox>
            </div>
        <div class="clearfix" style="padding-top:5px;padding-bottom:5px;margin-bottom:15px;">
        <div style="float:left">
            <p >
            <span style="line-height:31px;color:#aaa7a7;">Nhấn Shift + Enter để xuống dòng</span></p></div>
            <div style="float:right">
                <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                    <ProgressTemplate>
                        <img id="Img1" runat="server" alt="loading" src="~/Images/loading.gif" />
                    </ProgressTemplate>
                </asp:UpdateProgress>
                        <asp:Button ID="Button1" runat="server"
                        Text="Bình luận" CssClass="bl-button" ToolTip="Gửi bình luận" 
                    onclick="Button1_Click" />
            </div>
        </div>
        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                    <div id="comment" class="clearfix">
            <div id="rd-avatar" style="float:left;border:solid thin #eeeaea;padding:2px;">
                <img alt="avatar" src='<%# Eval("HinhDaiDien") %>' width="42px" height="42px" />
            </div>
            <div style="float:left;margin-left:15px;">
                <p style="line-height:42px;"><span style="font-size:18px;font-weight:bold"><%#Eval("TenHienThi") %></span><span style="color:#a29f9f;border-bottom:solid thin #cbcaca;padding-bottom:3px;margin-left:15px;"><%#Eval("NgayDang") %></span></p>
            </div>
        </div>
         <div style="background-color:#fefefe;border:solid thin #e3dede;color:#5b5b5c;margin-top:10px;margin-bottom:15px;padding:5px;padding-bottom:15px;padding-top:15px;">
                <p style="line-height:20px;">
                    <%#Eval("NoiDung") %>
                </p>
            </div>
            </ItemTemplate>
        </asp:Repeater>
        </ContentTemplate>
        </asp:UpdatePanel>
            </div>
            <div id="menu-wrapp" class="unactive3">
            <br />
                <%=strResult%>
          </div>
            <div id="map-wrapper" class="unactive3"></div>
            
            
</div>
<div id="right-pane">
    <div id="res-info">
        <div id="res-info-header-bg">
        <span>Thông Tin Chung</span>
        </div>
        <div class="res-info-line"></div>
        <div id="res-info-content">
            <ul>
                <li><span>Thích hơp: </span>
                    <ul id="inner">
                        <asp:Repeater ID="rptAppropriate" runat="server">
                            <ItemTemplate>
                                <li><span><%# Eval("MoTa") %></span></li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul></li>
                    <li>
                       <span>Sức chứa: </span> <asp:Label ID="lblCapacity" runat="server"></asp:Label></li>
                        <li>
                            <span>Tiện ích: </span><asp:Label ID="lblUtility" runat="server"></asp:Label></li>
            </ul>
        </div>
    </div>
   <div id="same-style">
        <div id="same-style-header"><span class="header1">Cùng Phong Cách</span></div>
        <div class="res-info-line"></div>
        <div id="same-style-header-content">
           
            <ul class="clearfix">
                 <asp:Repeater ID="rptSameStyle" runat="server">
                <ItemTemplate>
                    <li>
                        <div class="clearfix">
                            <div class="same-location-content-img">
                                <a href='<%# "Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'><img alt="" width="60" height="60" src='<%# Eval("HinhDaiDien") %>' /></a>
                            </div>
                            <div class="same-location-content-right-wrapper">
                                <div>
                                    <a title='<%# Eval("TenNhaHang") %>' href='<%# "Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'><%# Eval("TenNhaHang") %></a>
                                </div>
                                <div style="padding-top:5px;">
                                    <ajax:Rating ID="Rating2" runat="server" StarCssClass="ratingEmpty1" WaitingStarCssClass="ratingSaved1" EmptyStarCssClass="ratingEmpty1" FilledStarCssClass="ratingFilled1" CurrentRating='<%#Eval("RateValue") %>' ReadOnly="true">
                            </ajax:Rating>
                                </div><br />
                                <div style="padding-top:5px;">
                                    <span style="font-size:12px;color:#a2a0a0">Lượt xem: <%#Eval("LuotXem") %> </span><span style="font-size:12px;color:#a2a0a0;margin-left:8px;">Bình luận: <%# Eval("LuotBinhLuan") %></span>
                                </div>
                            </div>
                        </div>
                        
                        
                    </li>
                </ItemTemplate>
            </asp:Repeater>
            </ul>
        </div>
   </div>
   <div id="same-location">
        <div id="same-location-header-bg"><span class="header1">Cùng Khu Vực</span></div>
        <div class="res-info-line"></div>
        <div id="same-location-content">
           
            <ul class="clearfix">
                 <asp:Repeater ID="rptSameLocation" runat="server">
                <ItemTemplate>
                    <li>
                        <div class="clearfix">
                            <div class="same-location-content-img">
                                <a href='<%# "Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'><img alt="" width="60" height="60" src='<%# Eval("HinhDaiDien") %>' /></a>
                            </div>
                            <div class="same-location-content-right-wrapper">
                                <div>
                                    <a title='<%# Eval("TenNhaHang") %>' href='<%# "Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'><%# Eval("TenNhaHang") %></a>
                                </div>
                                <div style="padding-top:5px;">
                                    <ajax:Rating ID="Rating1" runat="server" StarCssClass="ratingEmpty1" WaitingStarCssClass="ratingSaved1" EmptyStarCssClass="ratingEmpty1" FilledStarCssClass="ratingFilled1" CurrentRating='<%#Eval("RateValue") %>' ReadOnly="true">
                            </ajax:Rating>
                                </div><br />
                                <div style="padding-top:5px;">
                                    <span style="font-size:12px;color:#a2a0a0">Lượt xem: <%#Eval("LuotXem") %> </span><span style="font-size:12px;color:#a2a0a0;margin-left:8px;">Bình luận: <%# Eval("LuotBinhLuan") %></span>
                                </div>
                            </div>
                        </div>
                        
                        
                    </li>
                </ItemTemplate>
            </asp:Repeater>
            </ul>
        </div>
   </div>
   
    <div id="facebook-plugin" style="margin-top:5px;">
        <div class="fb-like-box" data-href="http://www.facebook.com/Phoamthuc.net" data-width="288" data-show-faces="true" data-border-color="#dfdfdf" data-stream="false" data-header="true"></div>
    </div>
</div>
</div>
<script src="JS/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider(
        {
            effect: 'fade',
            pauseTime: 5000
        });
    });
    </script>
<script type="text/javascript">
 $(".thumbnailList1 img").MyThumbnail({
     thumbWidth: 50,
     thumbHeight: 50,
     imageDivClass: "myPic"
 });

</script>
 <script type="text/javascript">
     $('#2').click(function(e) {
     $('#introduce-wrapp').removeClass('active3');
     $('#introduce-wrapp').addClass('unactive3');
     $('#comment-wrapp').removeClass('unactive3');
     $('#comment-wrapp').addClass('active3');
         $('#menu-wrapp').removeClass('active3');
         $('#menu-wrapp').addClass('unactive3');
         $('#map-wrapper').removeClass('active3');
         $('#map-wrapper').addClass('unactive3');
         return false;
     });
     $('#1').click(function(e) {
     $('#introduce-wrapp').removeClass('unactive3');
     $('#introduce-wrapp').addClass('active3');
     $('#comment-wrapp').removeClass('active3');
     $('#comment-wrapp').addClass('unactive3');
     $('#menu-wrapp').removeClass('active3');
     $('#menu-wrapp').addClass('unactive3');
     $('#map-wrapper').removeClass('active3');
     $('#map-wrapper').addClass('unactive3');
     return false;
     });
     $('#3').click(function(e) {
     $('#introduce-wrapp').removeClass('active3');
     $('#introduce-wrapp').addClass('unactive3');
     $('#comment-wrapp').removeClass('active3');
     $('#comment-wrapp').addClass('unactive3');
     $('#menu-wrapp').removeClass('unactive3');
     $('#menu-wrapp').addClass('active3');
     $('#map-wrapper').removeClass('active3');
     $('#map-wrapper').addClass('unactive3');
     return false;
 });
 $('#4').click(function(e) {
     $('#introduce-wrapp').removeClass('active3');
     $('#introduce-wrapp').addClass('unactive3');
     $('#comment-wrapp').removeClass('active3');
     $('#comment-wrapp').addClass('unactive3');
     $('#menu-wrapp').removeClass('active3');
     $('#menu-wrapp').addClass('uactive3');
     $('#map-wrapper').removeClass('unactive3');
     $('#map-wrapper').addClass('active3');
     return false;
 });
    </script>
</asp:Content>

